ค ม อการใช Adobe Captivate 4

ก ค ม อการใช Adobe Captivate 4 สมยงค จ นทร งาม ว ทยาล ยเกษตรและเทคโนโลย ช ยภ ม

ข ค าน า ในป จจ บ นเทคโนโลย คอมพ วเตอร และอ นเทอร เน ตได พ ฒนาเต บโตอย างรวดเร ว และได ก าวมา เป นเคร องม อช นส าค ญท เปล ยนแปลงร ปแบบการเร ยนการสอน การฝ กอบรม รวมท งการถ ายทอดความร โดยพ ฒนา CAI เด มๆ ให เป นส อการเร ยนการสอนท อย บนฐานของเทคโนโลย เว บ หร อ WBI ส งผล ให การพ ฒนาส อการเร ยนการสอนได ร บความน ยมอย างส ง สามารถเผยแพร ได รวดเร ว และกว างไกลกว า ส อ CAI ด วยประเด นส าค ญได แก ค ณสมบ ต ของเอกสารเว บท สามารถน าเสนอข อม ลได ท งข อความ ภาพน ง ภาพเคล อนไหว เส ยง ว ด ท ศน และสามารถสร างจ ดเช อมโยง (Links) ไปต าแหน งต างๆ ได ตามความต องการของผ พ ฒนา บร การต างๆ ในเคร อข ายอ นเทอร เน ต ท าให เก ดช องทางการส อสารระหว างผ เร ยนก บผ สอน ไม จ าก ดด วยสถานท ด งน นการพ ฒนาส อการเร ยนการสอนด วยโปรแกรมต างๆ น นก เพ อประโยชน ต อผ เร ยนท งส น

ค สารบ ญ ท าความร จ ก Adobe Captivate 4.0 1 จ ดเด นของโปรแกรม 1 ความต องการของระบบ 2 การเป ดใช งานโปรแกรม 3 ส วนประกอบหน าจอแรกของโปรแกรม 3 ส วนประกอบในโปรแกรม 4 เร มต นใช งาน Adobe Captivate 4.0 5 การสร างภาพเคล อนไหว 7 การแก ไขสไลด 11 การแทรกเส ยงในสไลด 15 การบ นท กงาน 17 การด ผลงานสไลด Movie 17 การสร างงานด วย Blank Project 18 การสร าง Text Animation 19 การสร าง Caption หร อสร างหน งส อท วไป 20 การสร าง Rollover Caption 21 การสร างป มควบค ม 22 การแทรก Rollover Slidelet 22 การแทรก Zoom area 25 การแทรก Text Entry 26 การแทรกร ปภาพ 27 การแทรกร ปภาพในล กษณะ Rollover image 28 การท า Click Box 29 การแทรก Animation 30 การแทรกไฟล FLV 31 การแทรกแบบทดสอบ 32 การสร างคล งข อสอบ 35 การสร างแบบทดสอบแบบส ม 35 การส งออก (Publish) ไฟล 37 การบ นท กเพ อน าไปใช ก บ Moodle 40 การน าบทเร ยนท ส าเร จใช ร วมก บ โปรแกรม Moodle 21

1 ท าความร จ ก Adobe Captivate 4.0 ป จจ บ นส อเร ยนร หร อส อการน าเสนอม ร ปแบบท หลากหลาย ท งส อแบบข อความ ร ปภาพ เส ยง ภาพเคล อนไหว ส อม ลต ม เด ย ท บรรจ อย ในแผ นซ ด หร อเผยแพร ผ านทางอ นเทอร เน ต ซ ง โปรแกรมท น ามา สร างส อเร ยนร หร อส อน าเสนอแบบม ลต ม เด ยท เราร จ กน นม มากมายหลาย โปรแกรม เช น Office TLEImpress, Microsoft PowerPoint, Macromedia Authorware, Adobe Flash ฯลฯ โปรแกรมเหล าน จะต องใช เวลาในการ เร ยนร เพ อพอสมควรจ งจะสร าง งานออกมาได โปรแกรม Adobe Captivate 4.0 เป นผล ตภ ณฑ น องใหม จากค าย Adobe ท ถ กพ ฒนาข น มาเพ อ สน บสน นการสร าง Movie ในร ปแบบส อเร ยนร หร อส อการน าเสนอแบบม ลต ม เด ย เช น การน าเสนอผลงา น การจ บหน าจอภาพเพ อน าไปสร างส อเร ยนร การสร างส อจากข อม ลต างๆ การสร างแบบทดสอบ รวมไปถ งการ ต ดต อว ด โอเพ อใช ส าหร บงานน าเสนอหร อผล ตส อเร ยนร โดยโปรแกรม Adobe Captivate 4.0 เป นโปรแกรม ท ใช สร างช นงานได ง ายและเร ว จ ดเด นของโปรแกรม Adobe Captivate4.0 - สร างส อเร ยนร หร อส อน าเสนอม ลต ม เด ยได อย างง ายดาย - ต ดต อว ด โอได ท งภาพน งและภาพเคล อนไหว - สร างส อเร ยนร โดยการจ บหน าจอภาพ (Screen capture movie) อ ดเส ยงบรรยายประกอบ - เหมาะส าหร บการน าไปใช เป นส อการเร ยนการสอน - สร างแบบทดสอบได ง าย และม แบบทดสอบให เล อกท าได หลายร ปแบบ - น าเข าไฟล จากแหล งต างๆ ได หลากหลาย ไฟล จาก Adobe flash ไฟล ร ปภาพ (Image) เช น JPG, BMP, GIF ไฟล เส ยง (Sound) เช น MP3, WAVเส ยงบรรยายผ านไมโครโฟน ไฟล ว ด โอ (Video) เช น AVI สไลด จากโปรแกรม Microsoft Power Point (.PPT) - ส งออกไฟล ได หลายร ปแบบ Flash movie File (.swf) ล กษณะเช นเด ยวก บโปรแกรม Adobe Flash

2 HTML File (.html) ส าหร บการน าไปใช ก บเว บไซต EXE File (.exe) ส าหร บการน าไปใช แบบ Stand alone ค อ การแสดงผล โดยไม ต องต ดต งโปรแกรม Adobe captivate และ zip file ส าหร บบทเร ยนในแบบ scorm เพ อ น าเข าไปใช ในบทเร ยนออนไลน และย งสามารถเป นไฟล AVI ได ด วย ความต องการของระบบ - Microsoft Windows หร อ Windows XP - 600 MHz Intel Pentium III Processer หร อ เท ยบเท า - 256 MB of Ram ถ าจะให ด ต องใช ท 512 MB - พ นท ว างของฉาร ดด สด อย างน อย 200 MB - ความละเอ ยดของจอ SVGA

3 การเป ดใช งานโปรแกรม Adobe Captivate 4.0 การเร ยกใช งาน Adobe Captivate 4.0 คล กท Start, Programs, Adobe, Adobe Captivate 4 ส วนประกอบหน าจอแรกของโปรแกรม Adobe Captivate Open a recent project แสดงไฟล ล าส ดท เคยบ นท กไว ในโปรแกรม เป ดไฟล ท เคยบ นท กไว Create project (ส าหร บการเร มต นใช งานแนะน าให ใช งานตรงส วนน ) ส าหร บสร าง project บ นท ก movie (จ บหน าจอภาพ) Getting started tutorials แนะน าข นตอนการสร าง Project ด วยโปรแกรม Adobe Captivate เร ม ต งแต การบ นท ก การแก ไขตกแต ง การส งออก การน าเข าไฟล เส ยงการสร างส วน ตอบโต การใส ล กเล นเพ อ เพ มความน าสนใจ ตามล าด บ

4 Menu ส วนประกอบในโปรแกรม Main Toolbar Editing Toolbar Slide properties Object Toolbar พ นท แก ไขสไลด Time line ควบค มการแสดงสไลด

5 แทรก caption ค อการแทรกต วหน งส อ แทรก Rollover caption เม อเมาส ลากผ านต าแหน งท ก าหนดจะม ข อความเก ดข น แทรก เม อต องการเน นข อความหร อภาพ แทรก Zoom Area ขยายพ นท ต องการ แทรก Text Emtry การเต มค าในช องว าง แทรก Click Box คล กต าแหน งภาพ แทรกป มบ งค บในสไลด แทรก Text Animation แทรกภาพ แทรก Rollover image เมาส ผ านเก ดเป นภาพ แทรก Animation แทรก Flash Vedio แทรก Rollover slidelet เม อเมาส ลากผ าน ต าแหน งท ก าหนดจะม ข อความหร อภาพท ก าหนดให เห นและย งสามารถท แทรกงาน ต างๆได เหม อนสไลด ท วไปเก ดข น เร มต นใช งาน Adobe Captivate 4.0 เป นท ทราบก นแล วว าจ ดเด นของโปรแกรม Adobe Captivate 4.0 ม ความสามารถในการ สร าง Movie ได หลากหลายร ปแบบ เร มแรกให คล กท create project

6 Software Simulation หมายถ งว าจะเป นการจ าลองการจ บหน าจอภาพตามท เรากระท า โปรแกรมจะ ท าการเก บภาพหน าจอตามท เรากระท าก บ Mouse หร อกระท าอ นใดก บจอภาพ ในส วนท โปรแกรมให เรา เล อกจากรายการท ก าหนด ม หล กการท างาน ด งน - Application ส าหร บการ Capture movie ท งหน าจอภาพ ของโปรแกรมท เรา ต องการจะท าการ บ นท กการท างานของหน าจอ เล อกโปรแกรมท เป ดอย ท ต องการจะ Record - Custom size ส าหร บการ Capture movie แบบก าหนดขนาดหน าจอภาพได - Application window ส าหร บการ Capture movie โปรแกรมท เราต องการ Capture ท งหมด - Application Region ส าหร บ capture พ นท ท างานในโปรแกรมท เราจะ capture From Template เป นการสร างงานด วยต วอย างหร อ template ท ม อย

7 Blank Project เป นการสร างด วยตนเองท สไลด เปล า การสร างผลงานส อการเร ยนการสอนด วยโปรแกรม Captivate รวมถ งการสร าง Movies ควรเร มต น โดย วางแผนการสร างภาพเคล อนไหว (Movie) โดยออกแบบ Storyboards, Scripts หร อใน ร ปแบบอ น ต งค าเร มต นการใช งานในการจ บจอภาพเคล อนไหว (Movie preferences) บ นท กภาพเคล อนไหว ท กระท าก บจอภาพ การคล กก บว ตถ ใด ๆ บนจอภาพ โปรแกรมจะ บ นท กไว 1 สไลด ในการคล กแต ละคร ง หร อจะน าเข าไฟล ภาพเคล อนไหวก ได เพ มข อความ ร ปภาพ เส ยง ข อความ เคล อนไหว และรายละเอ ยดส วนอ น ๆ แก ไขปร บปร ง Timeline ทดลองด ภาพเคล อนไหวท สร างข น ก าหนดเง อนไขในการสร าง E-Learning และสร างสไลด ค าถามใน (เต มค าในช องว าง, แบบเหม อน, จ บค, ต วเล อก, ตอบส นๆ,ถ กผ ด) เล อกจ ดเก บร ปแบบในการเผยแพร (Publish) จ ดเก บและเผยแพร ในล กษณะไฟล ฟอร แมต EXE จ ดเก บและเผยแพร ในล กษณะไฟล ฟอร แมต Flash และ เร ยกใช โดย HTML จ ดเก บและเผยแพร ในล กษณะไฟล ฟอร แมต zip เพ อใช เป น SCORM จ ดเก บและเผยแพร ในล กษณะไฟล ฟอร แมต avi จ ดเก บและเผยแพร ในล กษณะไฟล ฟอร แมต Word หร อ Handout (ค ม อการใช งาน) จ ดเก บและเผยแพร ไปบนเว บไซต ด วย FTP ส ง Movie โดยใช E-mail การสร างภาพเคล อนไหวด วยโปรแกรม Adobe Captivate 4.0 Step by Step คล กท Software Simulation Step 2 จะปรากฏหน าต าง New project

8 ล กษณะท จะบ นท ก เล อกโปรแกรมท จะสร างส อ การเร ยนการสอน เล อกโปรแกรมท เป ดอย ท ต องการจะ Record - Custom size ส าหร บการ Capture movie แบบก าหนดขนาดหน าจอภาพได - Application window ส าหร บการ Capture movie โปรแกรมท เราต องการ Capture ท งหมด - Application Region ส าหร บ capture พ นท ท างานในโปรแกรมท เราจะ capture เม อต องการให คล ก OK Software Simulation ใช ส าหร บจ บภาพการเคล อนไหวของหน าจอภาพ แสดงออกมา ในร ปแบบ ของสถานการณ จ าลอง Application ส าหร บการจ บภาพของหน าต างท เป ดใช งานอย (Active window) Custom size ส าหร บ การจ บภาพหน าจอท ก าหนดขนาดของขอบเขตได Full Screen ส าหร บการจ บภาพท งจอภาพ

9 Demonstration หมายถ ง โปรแกรมจะจ บหน าจอตามการกระท าท เก ดข น ม การ เคล อนไหวของเมาส ม กรอบโต ตอบก บผ เร ยน Assessment โปรแกรมจะบ งค บให ผ เร ยนกระท าตามท ได บ นท กหน าจอไว เช นถ าม การบ นท กการ คล กเมาส ไว เม อเล นมาจนถ งช วงท ต องคล กเมาส โปรแกรมจะหย ด เล นจนกว าจะม การคล กเมาส และหากคล ก ผ ดท จะม กล องข อความข นมาบอกว าต องคล ก ท ใด เม อผ เร ยนคล กเมาส ถ กต อง โปรแกรมจะเล นต อไปจนกว า จะม เหต การณ ใหม เก ดข น Training หมายถ งการจ บหน าจอแบบการฝ กอ บรม โปรแกรมจะท าการบ นท ก หน าจอท งหมด เม อม การเล นโปรแกรมจะแสดงกล องข อความโต ตอบให ผ เร ยนท าตาม การบ นท กหน าจอแบบน เหมาะส าหร บสอน การใช โปรแกรมคอมพ วเตอร ท งน สามารถ บ นท กเส ยงบรรยายไปพร อมก นได ด วย Custom โปรแกรมจะให เราเข าไปก าหนดค าในการบ นท ก ได ด วยตนเองและสามารถแก ไข ได อ กใน ภายหล ง การ Capture movie หน าจอภาพเป นการใช งานท น าสนใจมากท เด ยว เพร าะสามารถ น าไปใช เป นส อ เร ยนร แบบม ลต ม เด ย ท ด งด ดความสนใจได เป นอย างด ซ งข นตอนการ Capture movie หน าจอภาพท าได ด งน 1 คล ก ป มส แดง ก จะเร ม Record 2. ถ าหากต องการยกเล กคล กป ม กากะบาท 3 กดป ม <End> บนแป นพ มพ เม อส นส ดการ Record แล วท าการบ นท กงานให เร ยบร อย

10 ต งช อการบ นท ก เล อก folder ท บ นท ก ตกลงบ นท ก 4. ปรากฏสไลด Movie (Movie Frame) ซ งจ านวนสไลด จะข นอย ก บจ านวนคร งท คล ก เมาส เช น หากม การคล กเมาส 10 คร งก จะได จ านวนสไลด เท าก บ 10 สไลด หร อ 10 เฟรม สไลด Movie (Movie Frame) 5. ด บเบ ลคล กสไลด เพ อแก ไขสไลด 6. การปร บแต ง Timeline ปกต แต ละสไลด จะม ค า Timeline อย ท 3 ว นาท ในร ปข างล างจะเป น Slide 4 (4.0s)สามารถปร บแต งเพ มหร อลดค า Slide Timeline ได ว ตถ ท วางบนสไลด จะวางเร ยงก นเป นเลเยอร (Layer) ถ าต องการปร บแต ง Timeline ว ตถ ใดก ให คล กท ว ตถ น นแล วลากซ ายขวาคล กแล วลากเพ อปร บแต ง Timeline โปรแกรมจะสร าง ข อความให อ ตโนม ต สามารถด บเบ ลคล กเพ อแก ไขข อความได

11 การแก ไขสไลด Menu เม อเราด บเบ ลคล กสไลด เพ อแก ไข จะประกอบด วยส วนต างๆด งน Main Toolbar Editing Toolbar Slide properties Object Toolbar พ นท แก ไขสไลด Time line ควบค มการแสดงสไลด

12 แทรก caption ค อการแทรกต วหน งส อ แทรก Rollover caption เม อเมาส ลากผ านต าแหน งท ก าหนดจะม ข อความเก ดข น แทรก เม อต องการเน นข อความหร อภาพ แทรก Zoom Area ขยายพ นท ต องการ แทรก Text Emtry การเต มค าในช องว าง แทรก Click Box คล กต าแหน งภาพ แทรกป มบ งค บในสไลด แทรก Text Animation แทรกภาพ แทรก Rollover image เมาส ผ านเก ดเป นภาพ แทรก Animation แทรก Flash Vedio แทรก Rollover slidelet เม อเมาส ลากผ าน ต าแหน งท ก าหนดจะม ข อความหร อภาพท ก าหนดให เห นและย งสามารถท แทรกงาน ต างๆได เหม อนสไลด ท วไปเก ดข น

13 เลเยอร Timeline 10. การแก ไขข อความในสไลด ปกต โปรแกรมจะสร างข อความในสไลด ให อ ตโนม ต เราสามารถแก ไขข อความได โดย ด บเบ ลคล กแล วแก ไขข อความ ด งร ปข างล าง เม อต องการแก ไขข อความภายใน Text Caption ให ด บเบ ลคล กหร อกด F2 ก จะสามารถ แก ไขข อความได หร อคล กขวาเล อก properties จะเป ดหน าข นมาให แก ไขด งภาพ

14 11. การลบสไลด การลบสไลด ท าได โดยคล กสไลด ท ต องการลบ แล วกดป ม <Delete> บนแป นพ มพ 12. การเพ มสไลด จ ดประสงค เพ อท าสไลด ไตเต ล การเพ มสไลด ท าได โดยคล กท เมน Insert, Blank Slide หล งจากเพ มสไลด เราก สร าง Text animation เป นสไลด ไตเต ลก อนท จะเข าเน อหา เม อได Slide แล วให น าข นไปเป นสไลด แรก แล วจ งแทรก Text animation

15 เล อก ฎดด าแ พ มพ ข อความ ก าหนดต วหน งส อ 13. การใส ส พ นหล งให ก บสไลด การใส ส พ นหล งให ก บสไลด ท าได โดยคล กท เมน Slid, Properties เล อกส พ น หล ง ส พ น หล งท เล อก Text animation

16 การแทรกเส ยงในสไลด เล อก Menu Slide เล อก Propertiys คล กป มอ ดเส ยง น าไฟล เส ยงเข ามา ก าหนดค ณสมบ ต เส ยง นอกจากน นการแทรกเส ยงน นย งสามารถแทรกได ท กๆ สไลด และแทรกได ท ก Object ท แทรก เข ามา โดยจะม option Audio ให เล อก แทรกเส ยง

17 การบ นท กงาน เล อก Menu File เล อก Save เล อก Folder ต งช อไฟล งาน การด ผลงานสไลด Movie การด สไลด Movie ท าได โดยคล กท ป ม Preview เช นเล อก Preview In Web Browser สไลด จะโชว เป นภาพเคล อนไหวตามล าด บสไลด เม อด ผลงานเสร จแล วให คล กป ม Close แล ว บ นท กไฟล เก บไว เพ อแก ไขใน ภายหล ง 15 การบ นท กไฟล โปรแกรม Adobe Captivate การบ นท กไฟล โปรแกรม Adobe Captivate ค อการเก บ ไฟล ท เราสร างไว เพ อประโยชน ส าหร บการแก ไขในภายหล ง โดยโปรแกรม Adobe Captivate ม นามสก ลไฟล *.CP โดยว ธ การ บ นท กให ไปท เมน File, Save หร อคล ก ป ม Save บน Main Tools Bar

18 การสร างงานด วย Blank Project การสร าง Blank Project เม อตกลงจะได หน าใหม ให ต งค าต างด งร ป ก าหนดขนาดตามความต องการ เช น ต วอย างเล อกขนาด 800 x 600

19 Menu Bar Slide พ นท ท างาน เคร องม อ เลเยอร Timeline การสร าง Movie ด วยว ธ น จะอาศ ยเคร องม อช วยสร างเคร องม อท ส าค ญท น ยมใช ก นด งน การสร าง Text Animation Animation คล กท Object Tools ท ช อ Text Animation ปรากฏหน าต าง New text Animation เล อก Text Effect เล อกร ปแบบการแสดงผลข อความ Text พ มพ ข อความท ต องการ Change font เปล ยนร ปแบบ ขนาด หร อส ของ ต วอ กษร ค าของ Options

20 Timing ก าหนดเวลาการแสดงผลของ Movie Loop คล กถ กท Loop ก าหนดให เล นวนซ า Transition ก าหนด Effect ในการเปล ยนฉากแต ละสไลด (Frame) ค าของ Audio Record new ก าหนดการบ นท กเส ยงจาก ไมโครโฟน Import น าเข าไฟล เส ยง เช น MP3, WAV Settings การก าหนดค าของเส ยงท บ นท ก เล อก ไมโครโฟน การสร าง Caption หร อสร างหน งส อท วไป เม อสร างสไลด ใหม แล ว คล กท Object Tools ท ช อ Caption ปรากฏหน าต าง New text Caption พ นท พ มพ ต วหน งส อ Caption type ก าหนดล กษณะร ปแบบของ Caption Font ร ปแบบต วหน งส อ ส วนค า option และ Audio จะม ล กษณะ เหม อนก บ การสร าง text Animation

21 การสร าง Rollover Caption เป นการสร างหน งส อในร ปแบบท เม อแสดงผลโดยการลากเมาส ผ านจ ดท ก าหนดจ งจะปรากฏ หน งส อออกมาให เห น เร มสร างโดยคล กท Object Tools ท ช อ Rollover Caption ปรากฏหน าต าง Rollover Caption Caption type ก าหนดล กษณะร ปแบบของ Caption Font ร ปแบบต วหน งส อ ส วนค า option และ Audio จะม ล กษณะ เหม อนก บ การสร าง text Animation ส วน Rollover caption จะแสดงหน งส อ เหล าน ปรากฏออกมาเม อลากเมาส ผ านจ ด ก าหนด บร เวณท เมาส ลากผ าน ป มควบค มสไลด

22 การสร างป มควบค ม โดยคล กท Object Tools ท ช อ Button ปรากฏหน าต าง ต งช อป มควบค มสไลด ก าหนดค าป มควบค มสไลด ก าหนดค าป มจาก Keyboard การแทรก Rollover Slidelet Rollover Slidelet เป นการสร างงานของ captivate ท ม ล กษณะเหม อนก บ rollover caption แต จะม ข อแตกต างและด กว าค อ เม อท า Rollover Slidelet สามารถท จะแทรกได ท งภาพและต วหน งไปพร อมๆ ก น ซ งม ข นตอนในการสร างได ด งน 1. เล อกเมน Insert Standard Objects เล อก Rollover slidelet

23 2 จะได หน าต าง New Slidelet ข นมา ก าหนดระยะเวลา แสดงผล ก าหนดเส นขอบ และส ให ม เงาเม อแสดงผล เราต องการท จะก าหนดค าการแสดงสามารถท าได โดยการปร บเปล ยนค าท ก าหนดมาใหม ตามท เรา ต องการ จากน นให คล ก OK จะม ล กษณะของการสร างด งร ป ก าหนดพ นท เม อเอาเมาส วาง หร อแล วจะปรากฏข อความหร อ ภาพท ก าหนดข น สามารถ เปล ยนร ปร างได โดยคล กขวา แล วเล อกเปล ยนร ปร าง ภายในกรอบส แดงเป น พ นท แ ทรกข อความหร อ ร ปภาพโดยการคล กขวาท เมาส แล วเล อก Insert ได ตามต องการ เม อต องการปร บเปล ยนการวางเมาส หร อคล กเมาส ของ Rollover Slidelet ให ด บเบ ลคล กในพ นท Rollover Slidelet (พ นท ส เหล อง) จะได หน าโต ตอบด งร ป

24 ก าหนดเส นขอบ และส ก าหนดเวลา แสดงผล ก าหนดกาเปล ยน สไลด เม อคล ก เม อต องการแทรกข อความหร อร ปภาพภายในพ นท ก าหนดจะต องเล อกพ นท โดยใช เมาส คล ก จากน นให เล อกเมน Insert หร อคล กขวาเมาส ภายในพ นท น นแล วเล อก Insert แล วการแทรกตามท ต องการ

25 การแทรก Zoom area พ นท ท ต องการขยาย ก าหนดขนาดและต าอหน ของภาพขยาย

26 การแทรก Text Entry Text Entry ใช แทรกเพ อท าก จกรรมในระหว างเร ยนหร อเป นการทดสอบความสามรถของน กเร ยน ซ งเป นการเต มค าในช องว าง ม ข นตอนด งน 1. สร างค าถามด วย Caption 2. เล อกไอคอน Text Entry บนจอภาพจะเก ดกรอบโต ตอบใหม ข นมา ข อความท ปรากฏในช อง ค าตอบท ถ ก ตกลง 3. เล อกต าแหน งแล วปร บ Text Entry ให เหมาะสม 4. เปล ยน Type success text here โดยด บเบ ลคล ก แล วเป น ถ กต อง 5. เปล ยน Type failure text hereโดยด บเบ ลคล ก แล วเป น ผ ดให ตอบใหม 6. แทรก Bottom ควบค ม 7. จ ด Time Line ให เหมาะสม

27 การแทรกร ปภาพ (image) โดยคล กท Object Tools ท ช อ Image ปรากฏหน าต างใหม ให เล อกร ปภาพท จะแทรก เม อเล อกร ปภาพแล วถ าหากภาพม ขนาดใหญ จะม หน าต างให Crop ร ปภาพ.ให ได ขนาดพอด ก บ พ นท ท ก าหนด ถ าเล อก Resize จะท าให ขนาดของภาพปร บลดขนาดลงให พอด ก บพ นท ก าหนด Image ก าหนดขนาดของภาพหร อเปล ยนภาพ ใหม จาก Import Font ร ปแบบต วหน งส อ ส วนค า option และ Audio จะม ล กษณะ เหม อนก บ การสร าง text Animation

28 การแทรกร ปภาพในล กษณะ Rollover image โดยคล กท Object Tools ท ช อ Rollover Image ปรากฏหน าต างใหม ให เล อกร ปภาพท จะแทรก เม อเล อกร ปภาพแล วถ าหากภาพม ขนาดใหญ จะม หน าต างให Crop ร ปภาพ.ให ได ขนาดพอด ก บ พ นท ท ก าหนด ถ าเล อก Resize จะท าให ขนาดของภาพปร บลดขนาดลงให พอด ก บพ นท ก าหนด ส วน Rollover image จะแสดง ร ปภาพเหล าน ปรากฏออกมาเม อ ลากเมาส ผ านจ ดก าหนด บร เวณท เมาส ลากผ าน ท จะปรากฏภาพ

29 การท า Click Box Click Box เป นการท าท เก ยวก บภาพและค าถามท เก ยวข องก บภาพเพ อเป นการฝ กให น กเร ยน ทดลองท าหล งจากท เร ยนผ านไป โดยการคล กท ภาพตามค าถามท ก าหนดให ม ข นตอนในการสร างด งน 1. แทรกร ปภาพท ต องการทดสอบความร ของน กเร ยน ด วยไอคอน Image 2. แทรกค าถามด วยไอคอน Caption 3. เล อกไอคอน Click Box บนจอภาพจะเก ดกรอบโต ตอบ เล อกเม อกคล กเมาส ถ าไม อยากให เปล ยนเล อก No Action เล อก OK

30 ปร บต าแหน งท ต องการให คล กเมาส ท ท ต าแหน งท ถ กต อง 4. เปล ยน Type success text here โดยด บเบ ลคล ก แล วเป น ถ กต อง 5. เปล ยน Type failure text hereโดยด บเบ ลคล ก แล วเป น ผ ดให ตอบใหม 6. แทรก Bottom ควบค ม 7. จ ด Time Line ให เหมาะสม การแทรก Animation เล อก Menu Insert เล อก Animation

31 เล อกไฟล ท องแกรก ร ปแบบ Animation ก าหนดการ แสดง การแทรกไฟล FLV เล อก Menu Insert เล อก Flash Vidio

32 เล อกไฟล FlashVidieo ก าหนดเวลา ก าหนดการแสดง การแทรกแบบทดสอบ คล กเมน Quit จะปรากฏหน าต าง Question Slide ร ปแบบการ Question Slide ร ปแบบการ Question Slide

33 ชน ดของแบบทดสอบท โปรแกรมก าหนดให ม หลายร ปแบบสามารถท เล อกได ตามความเหมาะสมใน การสร างบทเร ยน เม อเล อกแบบทดสอบแล วให กดป มสร างแบบทดสอบ ก จะได หน าต างใหม ส าหร บสร าง แบบทดสอบด งน ชน ดของแบบทดสอบ ท ต องการสร าง เม อเล อกแบบทดสอบ แล วให กดป มสร าง แบบทดสอบ ช อช ดแบบทดสอบ ค าถามแต ละข อ ก าหนดคะแนนในแต ละข อ ก าหนดรายละเอ ยดข อสอบ ค าตอบพร อมเล อกข อท ถ ก ก าหนดให ถ กข อเด ยวหร อหลายข อ ก าหนดให เป น A B C หร อ a b c

34 ก าหนดให แสดงป มต างๆ เม อส งค าตอบแล วให ท าข อ ก าหนดจ านวนคร งให สอบ ก าหนดเวลาในการท าข อสอบ การก าหนดรายละเอ ยดข อสอบเพ อน าออกไปใช ประโยชน ต อไป

35 การสร างคล งข อสอบ การสร างคล งข อสอบเพ อการน าไปใช ในการสร างข อสอบแบบส มจากคล งข อสอบ ข นตอนการสร างเร มท Menu Quit เล อก Question Pools Manager จะได หน าต างใหม ข นมา เพ มหร อลบกล มข อสอบ เพ มหร อลบค าถามในคล งข อสอบ กล มข อสอบ ค าถามในคล งข อสอบ การสร างแบบทดสอบแบบส ม เม อสร างคล งข อสอบเร ยบร อยแล วจ งสร างแบบทดสอบแบบส ม โดยเล อก Menu Quit เล อก Random Question Slide

36 ช อแบบทดสอบ เล อกกล มข อสอบ ก าหนดคะแนน เล อกกล มข อสอบ ก าหนดค าเม อตอบถ ก ก าหนดค าเม อตอบผ ด

37 การส งออก (Publish) ไฟล *.CP 1. เป ดไฟล *.CP ท เคยสร างไว แล ว 2. คล กเมน File, Publish จะปรากฏหน าต าง Publish ร ปแบบการ Publish ต วอย างน เล อก Publish เป น Flash (SWF)และ HTML หล งจากท Publish ก จะได ไฟล 2 ไฟล ค อ.SWF ก บ.HTML Flash (SWF) ส งออกเป น Flash movie File (.swf) ส าหร บใช งานบนเว บไซต Adobe Connect Enterprise ส งออก Online บนอ นเทอร เน ต Standalone ส งออกเป นไฟล *.exe หร อ *.avi ส าหร บส อเร ยนร เป ดด ได โดยไม ต องต ดต งโปรแกรม E-Mail ส งออกเป น E-Mail Print ส งออกเป นใบปล ว (ส งออกโปรแกรม Microsoft Word) FTP ส งออกเป น File Transfer Protocal Output Options Zip File ส งออกเป นไฟล *.ZIP ซ งสามารถน าเข าบทเร ยนออนไลน ใน Moodle ในร ปแบบ Scrom Full screen ส งออกแบบเต มจอภาพ เม อเล อกเพ ม Export HTML ส งออกเป นไฟล *.HTML จะได ท งไฟล ท เป น.SWF ก บ.HTML Generate autorun for CD สร างระบบ autorun ส าหร บแผ น CD Flash Version เป นการเล อกร นของโปรแกรมเล นไฟล Flash Project Information

38 โดยเล อก Preferences ส าหร บต งค าต างก อนท จะน าออกไป จะปรากฏหน าต างใหม ให ต งค า Preferences แสดงข อม ลเก ยวก บไฟล ท ส งออก เช น ขนาดของการแสดงผล (Resolution), จ านวน สไลด ท งหมด (Slides), การใส เส ยงประกอบสไลด (Slide with audio) ค ณภาพของเส ยง (Audio Quality), e-learning Output, แถบควบค ม Movie (Playback Control) Preferences การก าหนดร ปแบบการส งออก เพ มเต ม Standalone ส งออกเป นไฟล *.exe หร อ *.avi ในการสร างส อการเร ยนการสอนในร ปแบบท เป นล กษณะคอมพ วเตอร ช วยสอน เพ อท จะให น กเร ยนน กศ กษาสามารถท จะน าไปศ กษาเพ มเต มได ด วยตนเอง ม ข นตอนการสร างด งน 1. เล อกเคร องม อ Publish แล วเล อก Standalone เม อท าเสร จสามารถท ใช งานได เลยโดยเล อก เป ดเล นจากไฟล ท สร างข นมา

39 เล อกชน ดไฟล Folder ท จะเก บงานไว เล อก Standalone Publish File 2. ท าเหม อนก นท กๆ หน วย หร อท ม อย จนหมดท กงาน เพ อท จะสร างเมน ส าหร บใช งานให ได งานท งหมด ส าหร บเวอร ช นน ให หาโปรแกรมช วยในการสร างเมน ถ าหากเป นเวอร ช น 3 สร างได จาก โปรแกรม

40 การบ นท กเพ อน าไปใช ก บ Moodle แต ถ าต องการน าเข าในโปรแกรม Moodle เพ อสร างบทเร ยนออนไลน ในล กษณะท เป น Scorm จะต องเสร จค าให เป น Scorm ด วยตามภาพ และเล อก Publish ให Zip files เล อก SCORM เล อกการให คะแนน เล อกบ บไฟล คล ก publish เม อก าหนดค าหมดแล ว ก กด Publish โปรแกรมจะท าการบ นท กไฟล ตามร ปแบบท ก าหนด

41 เม อ Publish เสร จสามารถท ด งานท สร างเสร จสมบ รณ ได โดยกดป ม View Output งานท เสร จน นก จะแสดงผลให ด ได เลย การน าบทเร ยนท ส าเร จใช ร วมก บ โปรแกรม Moodle เพ อเป น E_learning สามารถท จะท าได โดยเป ดบทเร ยน E_learning ท สร างไว ก อนแล วได ตามข นตอนด งน 1. เป ด Internet Explorer หร อต วไหนก ได ท สามารถเข าอ นเตอร เนตได 2. เล อกรายว ชาท จะสร างบทเร ยนแล วเข าส ระบบในฐานะผ ท สามารถแก ไขงานได

42 3. เข ารายว ชาแล วให เร มแก ไขงาน 4. เล อกเพ มแหล งข อม ล เล อกแบบล งค ไฟล หร อเว บไซด 5. จะม หน าต างใหม ให เล อก ช อห วข อท จะให เร ยน ถ าไม ม ไฟล ให อ พโหลดไฟล ท สร างเสร จเข า เล อกไฟล หร อ url ท ต องการ

43 ก าหนดว ธ เก บคะแนน ก าหนดคะแนนท ได ก าหนดจ านวนคร งท ให เร ยน 6. เล อกหร ออ พโหลดไฟล เพ อน าไฟล ท สร างเสร จแล วเข ามาใช งาน

44 7. จะได หน าต างใหม ให เล อกไฟล เข ามาได 8. เม อเล อกอ พโหลดไฟล น จะได หน าให เล อกไฟล 9. จะกล บมาท หน าให บ นท กการเปล ยนแปลง

45 10. เม อบ นท กเสร จก สามารถท จะแสดงผลงานผ านหน าเว บไซด ได เลยโดยคล กท ช อของงาน เม อเสร จแล วสามารถท จะเพ มบทเร ยนอ นในท านองเด ยวก น แต ถ าหากบทเร ยนม บททดสอบด วย ให ใช ว ธ น าเข าโดยการเพ มก จกรรมแล วเล อก Scrom :ข นตอนการน าเข าคล ายๆ ก น